<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<title></title>
		<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
		<link rel="stylesheet" href="glyphicon.css">
		<link rel="stylesheet" href="index.css" />
		<script type="text/javascript">
			function showAndHidden() {
				var xiaomi = document.getElementById("xiaomi");
				var hongmi = document.getElementById("hongmi");
				var pingban = document.getElementById("pingban");
				var dianshi = document.getElementById("dianshi");
				var hezi = document.getElementById("hezi");
				var luyouqi = document.getElementById("luyouqi");
				var yingjian = document.getElementById("yingjian");
				xiaomi.style.display='block';
				hongmi.style.display='block';
				pingban.style.display='block';
				dianshi.style.display='block';
				hezi.style.display='block';
				luyouqi.style.display='block';
				yingjian.style.display='block';
				// if(xiaomi.style.display == 'none') xiaomi.style.display = 'block';
				// else xiaomi.style.display = 'none';
				// if (hongmi.style.display == 'none') hongmi.style.display = 'block';
				// else hongmi.style.display = 'none';
				// if (pingban.style.display == 'none') pingban.style.display = 'block';
				// else pingban.style.display = 'none';
				// if (dianshi.style.display == 'none') dianshi.style.display = 'block';
				// else dianshi.style.display = 'none';
				// if (hezi.style.display == 'none') hezi.style.display = 'block';
				// else hezi.style.display = 'none';
				// if (luyouqi.style.display == 'none') luyouqi.style.display = 'block';
				// else luoyuqi.style.display = 'none';
				// if (yingjian.style.display == 'none') yingjian.style.display = 'block';
				// else yingjian.style.display = 'none';
			}
			function showAndHidden1() {
				var xiaomi = document.getElementById("xiaomi");
				var hongmi = document.getElementById("hongmi");
				var pingban = document.getElementById("pingban");
				var dianshi = document.getElementById("dianshi");
				var hezi = document.getElementById("hezi");
				var luyouqi = document.getElementById("luyouqi");
				var yingjian = document.getElementById("yingjian");
				xiaomi.style.display='none';
				hongmi.style.display='none';
				pingban.style.display='none';
				dianshi.style.display='none';
				hezi.style.display='none';
				luyouqi.style.display='none';
				yingjian.style.display='none';
			}

			// function showAndHidden1() {
			// 	var hongmi = document.getElementById("hongmi");
			// 	if(hongmi.style.display == 'none') hongmi.style.display = 'block';
			// 	else hongmi.style.display = 'none';
			// }
		</script>
	</head>

	<body>
		<header class="header">
			<nav>
				<ul>
					<li>
						<a href="#">小米商城</a>
					</li>
					<li>
						<a href="#">MIUI</a>
					</li>
					<li>
						<a href="#">米聊</a>
					</li>
					<li>
						<a href="#">游戏</a>
					</li>
					<li>
						<a href="#">多看阅读</a>
					</li>
					<li>
						<a href="#">云服务</a>
					</li>
					<li>
						<a href="#">金融</a>
					</li>
					<li>
						<a href="#">小米商城移动版</a>
					</li>
					<li>
						<a href="#">问题反馈</a>
					</li>
					<li>
						<a href="#">Select Region</a>
					</li>
				</ul>
				<div class="Login">
					<span><a href="#">登陆</a></span>
					<span><a href="#">注册</a></span>
					<span><a href="#">消息通知</a></span>
					<span><a href="#" class="glyphicon glyphicon-shopping-cart">购物车(0)</a></span>
				</div>
			</nav>
		</header>
		<main>
			<header>
				<div class="logo"></div>
				<div class="navigation">
					<ul>
						<li>
							<a type="button" href="#" onmouseover="showAndHidden()" onmouseout="showAndHidden1()">小米手机</a>
						</li>
						<li>
							<a type="button" href="#" onmouseover="showAndHidden()" onmouseout="showAndHidden1()">红米</a>
						</li>
						<li>
							<a type="button" href="#pingban" onmouseover="showAndHidden()" onmouseout="showAndHidden1()">平板·笔记本</a>
						</li>
						<li>
							<a type="button" href="#dianshi" onmouseover="showAndHidden()" onmouseout="showAndHidden1()">电视</a>
						</li>
						<li>
							<a type="button" href="#hezi" onmouseover="showAndHidden()" onmouseout="showAndHidden1()">盒子·影音</a>
						</li>
						<li>
							<a type="button" href="#luyouqi" onmouseover="showAndHidden()" onmouseout="showAndHidden1()">路由器</a>
						</li>
						<li>
							<a type="button" href="#yingjian" onmouseover="showAndHidden()" onmouseout="showAndHidden1()">智能硬件</a>
						</li>
						<li>
							<a href="#">服务</a>
						</li>
						<li>
							<a href="#">社区</a>
						</li>
					</ul>

				</div>
				<div>
					<form>
						<div>
							<input type="text" placeholder="Search">
						</div>
						<button type="submit"><span class="glyphicon glyphicon-search"></span></button>
					</form>
				</div>
			</header>
			<section class="caidan">
				<table id="xiaomi" style="display: none;">
					<tr>
						<td>
							<img src="caidan/xm6-320.png" />
							<p>小米6</p>
							<span>2499元</span>
						</td>
						<td>
							<img src="caidan/xm6-320.png" />
							<p>小米6</p>
							<span>2499元</span>
						</td>
						<td>
							<img src="caidan/xm6-320.png" />
							<p>小米6</p>
							<span>2499元</span>
						</td>
						<td>
							<img src="caidan/xm6-320.png" />
							<p>小米6</p>
							<span>2499元</span>
						</td>
						<td>
							<img src="caidan/xm6-320.png" />
							<p>小米6</p>
							<span>2499元</span>
						</td>
						<td>
							<img src="caidan/xm6-320.png" />
							<p>小米6</p>
							<span>2499元</span>
						</td>
					</tr>

				</table>
				<table id="hongmi" style="display: none;">
					<tr>
						<td>
							<img src="caidan/hmn4xtb!160x110.jpg" />
							<p>小米6</p>
							<span>2499元</span>
						</td>
						<td>
							<img src="caidan/xm6-320.png" />
							<p>小米6</p>
							<span>2499元</span>
						</td>
						<td>
							<img src="caidan/xm6-320.png" />
							<p>小米6</p>
							<span>2499元</span>
						</td>
						<td>
							<img src="caidan/xm6-320.png" />
							<p>小米6</p>
							<span>2499元</span>
						</td>
						<td>
							<img src="caidan/xm6-320.png" />
							<p>小米6</p>
							<span>2499元</span>
						</td>
						<td>
							<img src="caidan/xm6-320.png" />
							<p>小米6</p>
							<span>2499元</span>
						</td>
					</tr>

				</table>
				<!-- <table id="hongmi" style="display: none;">
					<tr>
						<td>
							<img src="caidan/xm6-320.png" />
							<p>小米6</p>
							<span>2499元</span>
							</td>
							<td>
								<img src="caidan/xm6-320.png" />
								<p>小米6</p>
								<span>2499元</span>
							</td>
							<td>
								<img src="caidan/xm6-320.png" />
								<p>小米6</p>
								<span>2499元</span>
							</td>
							<td>
								<img src="caidan/xm6-320.png" />
								<p>小米6</p>
								<span>2499元</span>
							</td>
							<td>
								<img src="caidan/xm6-320.png" />
								<p>小米6</p>
								<span>2499元</span>
							</td>
							<td>
								<img src="caidan/xm6-320.png" />
								<p>小米6</p>
								<span>2499元</span>
							</td>
					</tr>

				</table>
				<table id="pingban" style="display: none;">
					<tr>
						<td>
							<img src="caidan/xm6-320.png" />
							<p>小米6</p>
							<span>2499元</span>
							</td>
							<td>
								<img src="caidan/xm6-320.png" />
								<p>小米6</p>
								<span>2499元</span>
							</td>
							<td>
								<img src="caidan/xm6-320.png" />
								<p>小米6</p>
								<span>2499元</span>
							</td>
							<td>
								<img src="caidan/xm6-320.png" />
								<p>小米6</p>
								<span>2499元</span>
							</td>
							<td>
								<img src="caidan/xm6-320.png" />
								<p>小米6</p>
								<span>2499元</span>
							</td>
							<td>
								<img src="caidan/xm6-320.png" />
								<p>小米6</p>
								<span>2499元</span>
							</td>
					</tr>

				</table>
				<table id="dianshi" style="display: none;">
					<tr>
						<td>
							<img src="caidan/xm6-320.png" />
							<p>小米6</p>
							<span>2499元</span>
							</td>
							<td>
								<img src="caidan/xm6-320.png" />
								<p>小米6</p>
								<span>2499元</span>
							</td>
							<td>
								<img src="caidan/xm6-320.png" />
								<p>小米6</p>
								<span>2499元</span>
							</td>
							<td>
								<img src="caidan/xm6-320.png" />
								<p>小米6</p>
								<span>2499元</span>
							</td>
							<td>
								<img src="caidan/xm6-320.png" />
								<p>小米6</p>
								<span>2499元</span>
							</td>
							<td>
								<img src="caidan/xm6-320.png" />
								<p>小米6</p>
								<span>2499元</span>
							</td>
					</tr>

				</table>
				<table id="hezi" style="display: none;">
					<tr>
						<td>
							<img src="caidan/xm6-320.png" />
							<p>小米6</p>
							<span>2499元</span>
							</td>
							<td>
								<img src="caidan/xm6-320.png" />
								<p>小米6</p>
								<span>2499元</span>
							</td>
							<td>
								<img src="caidan/xm6-320.png" />
								<p>小米6</p>
								<span>2499元</span>
							</td>
							<td>
								<img src="caidan/xm6-320.png" />
								<p>小米6</p>
								<span>2499元</span>
							</td>
							<td>
								<img src="caidan/xm6-320.png" />
								<p>小米6</p>
								<span>2499元</span>
							</td>
							<td>
								<img src="caidan/xm6-320.png" />
								<p>小米6</p>
								<span>2499元</span>
							</td>
					</tr>

				</table>
				<table id="luyouqi" style="display: none;">
					<tr>
						<td>
							<img src="caidan/xm6-320.png" />
							<p>小米6</p>
							<span>2499元</span>
							</td>
							<td>
								<img src="caidan/xm6-320.png" />
								<p>小米6</p>
								<span>2499元</span>
							</td>
							<td>
								<img src="caidan/xm6-320.png" />
								<p>小米6</p>
								<span>2499元</span>
							</td>
							<td>
								<img src="caidan/xm6-320.png" />
								<p>小米6</p>
								<span>2499元</span>
							</td>
							<td>
								<img src="caidan/xm6-320.png" />
								<p>小米6</p>
								<span>2499元</span>
							</td>
							<td>
								<img src="caidan/xm6-320.png" />
								<p>小米6</p>
								<span>2499元</span>
							</td>
					</tr>

				</table>
				<table id="yingjian" style="display: none;">
					<tr>
						<td>
							<img src="caidan/xm6-320.png" />
							<p>小米6</p>
							<span>2499元</span>
							</td>
							<td>
								<img src="caidan/xm6-320.png" />
								<p>小米6</p>
								<span>2499元</span>
							</td>
							<td>
								<img src="caidan/xm6-320.png" />
								<p>小米6</p>
								<span>2499元</span>
							</td>
							<td>
								<img src="caidan/xm6-320.png" />
								<p>小米6</p>
								<span>2499元</span>
							</td>
							<td>
								<img src="caidan/xm6-320.png" />
								<p>小米6</p>
								<span>2499元</span>
							</td>
							<td>
								<img src="caidan/xm6-320.png" />
								<p>小米6</p>
								<span>2499元</span>
							</td>
					</tr>

				</table> -->
			</section>

			<banner>
				<div class="lunbo">
					<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
						<ol class="carousel-indicators">
							<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
							<li data-target="#carousel-example-generic" data-slide-to="1"></li>
							<li data-target="#carousel-example-generic" data-slide-to="2"></li>
							<li data-target="#carousel-example-generic" data-slide-to="3"></li>
							<li data-target="#carousel-example-generic" data-slide-to="4"></li>
							<li data-target="#carousel-example-generic" data-slide-to="5"></li>
						</ol>
						<div class="carousel-inner" role="listbox">
							<div class="item active">
								<img src="lunbo/lun-1.jpg">
								<div class="carousel-caption"></div>
							</div>
							<div class="item">
								<img src="lunbo/lun-2.jpg">
								<div class="carousel-caption"></div>
							</div>
							<div class="item">
								<img src="lunbo/lun-3.jpg">
								<div class="carousel-caption"></div>
							</div>
							<div class="item">
								<img src="lunbo/lun-4.jpg">
								<div class="carousel-caption"></div>
							</div>
							<div class="item">
								<img src="lunbo/lun-5.jpg">
								<div class="carousel-caption"></div>
							</div>
							<div class="item">
								<img src="lunbo/lun-6.jpg">
								<div class="carousel-caption"></div>
							</div>
						</div>
						<!--<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
					<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
					<span class="sr-only">Previous</span>
				</a>
				<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
					<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
					<span class="sr-only">Next</span>
				</a>-->
						<a href="#carousel-example-generic" role="button" data-slide="prev">
							<span class="glyphicon glyphicon-menu-left" id="left" aria-hidden="true"></span>
						</a>
						<a href="#carousel-example-generic" role="button" data-slide="next">
							<span class="glyphicon glyphicon-menu-right" id="right" aria-hidden="true"></span>
						</a>
					</div>
					<aside>
						<ul>
							<li>
								<a href="#">
									<dl>
										<dt>手机 电话卡</dt>
										<dd class="glyphicon glyphicon-menu-right"></dd>
										<div class="clear"></div>
									</dl>
								</a>

							</li>
							<li>
								<a href="#">
									<dl>
										<dt>笔记本 平板</dt>
										<dd class="glyphicon glyphicon-menu-right"></dd>
										<div class="clear"></div>
									</dl>
								</a>

							</li>
							<li>
								<a href="#">
									<dl>
										<dt>电视 盒子</dt>
										<dd class="glyphicon glyphicon-menu-right"></dd>
										<div class="clear"></div>
									</dl>
								</a>

							</li>
							<li>
								<a href="#">
									<dl>
										<dt>路由器 智能硬件</dt>
										<dd class="glyphicon glyphicon-menu-right"></dd>
										<div class="clear"></div>
									</dl>
								</a>

							</li>
							<li>
								<a href="#">
									<dl>
										<dt>移动电源 电池 插线板</dt>
										<dd class="glyphicon glyphicon-menu-right"></dd>
										<div class="clear"></div>
									</dl>
								</a>

							</li>
							<li>
								<a href="#">
									<dl>
										<dt>耳机 音响</dt>
										<dd class="glyphicon glyphicon-menu-right"></dd>
										<div class="clear"></div>
									</dl>
								</a>

							</li>
							<li>
								<a href="#">
									<dl>
										<dt>保护套 贴膜</dt>
										<dd class="glyphicon glyphicon-menu-right"></dd>
										<div class="clear"></div>
									</dl>
								</a>

							</li>
							<li>
								<a href="#">
									<dl>
										<dt>线材 支架 存储卡</dt>
										<dd class="glyphicon glyphicon-menu-right"></dd>
										<div class="clear"></div>
									</dl>
								</a>

							</li>
							<li>
								<a href="#">
									<dl>
										<dt>箱包 服饰 鞋 眼镜</dt>
										<dd class="glyphicon glyphicon-menu-right"></dd>
										<div class="clear"></div>
									</dl>
								</a>

							</li>
							<li>
								<a href="#">
									<dl>
										<dt>米兔 生活周边</dt>
										<dd class="glyphicon glyphicon-menu-right"></dd>
										<div class="clear"></div>
									</dl>
								</a>

							</li>
						</ul>
					</aside>
				</div>
			</banner>
			<section class="tuangou">
				<div class="GOU">
					<div>
						<span class="glyphicon glyphicon-gift"></span>
						<span>选购手机</span>
					</div>
					<div>
						<span class="glyphicon glyphicon-gift"></span>
						<span>企业团购</span>
					</div>
					<div>
						<span class="glyphicon glyphicon-gift"></span>
						<span>一元活动</span>
					</div>
					<div>
						<span class="glyphicon glyphicon-gift"></span>
						<span>米粉卡</span>
					</div>
					<div>
						<span class="glyphicon glyphicon-gift"></span>
						<span>以旧换新</span>
					</div>
					<div>
						<span class="glyphicon glyphicon-gift"></span>
						<span>话费充值</span>
					</div>
				</div>
				<div class="XUAN">
					<a href="#"><img src="image/xuan-1.jpg" alt="" /></a>
				</div>
				<div class="XUAN">
					<a href="#"><img src="image/xuan-2.jpg" alt="" /></a>
				</div>
				<div class="XUAN">
					<a href="#"><img src="image/xuan-3.jpg" alt="" /></a>
				</div>
			</section>
			<section class="DANPIN">
				<div>
					<h2>小米明星单品</h2>
					<div>
						<span class="glyphicon glyphicon-menu-left"></span>
						<span class="glyphicon glyphicon-menu-right"></span>
					</div>
				</div>

				<div>
					<div>
						<div><img src="image/xmad_1489401341687_vUojl.png" alt="" /></div>
						<h4>红米Note 4X</h4>
						<p>4100mAh超长续航，多彩金属</p>
						<span>999元起</span>
					</div>
					<div>
						<div><img src="image/xmad_14930230036147_vfLxm.png" alt="" /></div>
						<h4>小米5c 64GB 移动版</h4>
						<p>直降200元，轻薄金属机身</p>
						<span>1299元起</span>
					</div>
					<div>
						<div><img src="image/xmad_1501854682644_cSqHx.png" alt="" /></div>
						<h4>小米5X</h4>
						<p>光学变焦双摄</p>
						<span>1499元起</span>
					</div>
					<div>
						<div><img src="image/xmad_14938805670516_eryYQ.png" alt="" /></div>
						<h4>小米电视4A 43英寸</h4>
						<p>8月17日-8月18日立减200元</p>
						<span>1899元起</span>
					</div>
					<div>
						<div><img src="image/dan-1.png" alt="" /></div>
						<h4>小米笔记本</h4>
						<p>更轻更薄，像杂志一样随身携带</p>
						<span>3599元起</span>
					</div>
				</div>
			</section>
		</main>
		<div id="major">
			<main>
				<section class="jiadian">
					<div>
						<h2>家电</h2>
						<div>
							<ul>
								<li>
									<a href="#">热门</a>
								</li>
								<li>
									<a href="#">电视影音</a>
								</li>
								<li>
									<a href="#">电脑</a>
								</li>
								<li>
									<a href="#">家居</a>
								</li>
							</ul>
						</div>
					</div>
					<div id="jia">
						<div>
							<img src="jiadian/jia-1.jpg" alt="" />
						</div>
						<div id="dian">
							<div>
								<div><img src="jiadian/jia-2.png" alt="" /></div>
								<h4>小米电视4A 49英寸</h4>
								<p>8月17日-8月18日限时特惠，直降400元</p>
								<span>2199元</span>
							</div>
							<div>
								<div><img src="jiadian/pms_1465366178.11466342!220x220.jpg" alt="" /></div>
								<h4>电视4A 55英寸标准版</h4>
								<p>8月17日-8月18日限时特惠，直降700元</p>
								<span>2199元</span>
							</div>
							<div>
								<div><img src="jiadian/pms_1490604824.19051012!220x220.jpg" alt="" /></div>
								<h4>小米笔记本Air 13.3</h4>
								<p>8月17日-8月18日限时特惠，直降400元</p>
								<span>2199元</span>
							</div>
							<div>
								<div><img src="jiadian/pms_1499138177.54329452!220x220.jpg" alt="" /></div>
								<h4>小米电视4A 49英寸</h4>
								<p>8月17日-8月18日限时特惠，直降400元</p>
								<span>2199元</span>
							</div>
							<div>
								<div><img src="jiadian/T1sWd_B7VT1RXrhCrK!220x220.jpg" alt="" /></div>
								<h4>小米电视4A 49英寸</h4>
								<p>8月17日-8月18日限时特惠，直降400元</p>
								<span>2199元</span>
							</div>
							<div>
								<div><img src="jiadian/T1zBYgBCWv1RXrhCrK!220x220.jpg" alt="" /></div>
								<h4>小米电视4A 49英寸</h4>
								<p>8月17日-8月18日限时特惠，直降400元</p>
								<span>2199元</span>
							</div>
							<div>
								<div><img src="jiadian/xmad_14965431426214_VSBlA.png" alt="" /></div>
								<h4>小米电视4A 49英寸</h4>
								<p>8月17日-8月18日限时特惠，直降400元</p>
								<span>2199元</span>
							</div>
							<div class="more">
								<div>
									<div>
										<h4>小白摄像机</h4>
										<span>399元</span>
									</div>
									<div><img src="jiadian/pms_1468806372.46368911!220x220.jpg" alt="" /></div>
								</div>
								<div>
									<div>
										<h4>浏览更多</h4>
										<span>热门</span>
									</div>
									<div class="glyphicon glyphicon-circle-arrow-right"></div>
								</div>
							</div>
						</div>
					</div>
				</section>
				<section class="zhineng">
					<div>
						<h2>智能</h2>
						<div>
							<ul>
								<li>
									<a href="#">热门</a>
								</li>
								<li>
									<a href="#">热门</a>
								</li>
								<li>
									<a href="#">热门</a>
								</li>
								<li>
									<a href="#">热门</a>
								</li>
							</ul>
						</div>
					</div>

					<div class="zhi">
						<div>
							<div>
								<img src="zhineng/zhi-1.jpg" alt="" />
							</div>
							<div>
								<img src="zhineng/zhi-2.png" alt="" />
							</div>
						</div>
						<div>
							<div>
								<div><img src="zhineng/pms_1500278194.46038854!220x220.jpg" alt="" /></div>
								<h4>小米电视4A 49英寸</h4>
								<p>8月17日-8月18日限时特惠，直降400元</p>
								<span>2199元</span>
							</div>
							<div>
								<div><img src="zhineng/pms_1491312153.28261682!220x220.jpg" alt="" /></div>
								<h4>小米电视4A 49英寸</h4>
								<p>8月17日-8月18日限时特惠，直降400元</p>
								<span>2199元</span>
							</div>
							<div>
								<div><img src="zhineng/zhi-3.jpg" alt="" /></div>
								<h4>小米电视4A 49英寸</h4>
								<p>8月17日-8月18日限时特惠，直降400元</p>
								<span>2199元</span>
							</div>
							<div>
								<div><img src="zhineng/pms_1478678718.61531371!220x220.jpg" alt="" /></div>
								<h4>小米电视4A 49英寸</h4>
								<p>8月17日-8月18日限时特惠，直降400元</p>
								<span>2199元</span>
							</div>
							<div>
								<div><img src="zhineng/pms_1482392555.22071382!220x220.jpg" alt="" /></div>
								<h4>小米电视4A 49英寸</h4>
								<p>8月17日-8月18日限时特惠，直降400元</p>
								<span>2199元</span>
							</div>
							<div>
								<div><img src="zhineng/pms_1488338229.6467773!220x220.jpg" alt="" /></div>
								<h4>小米电视4A 49英寸</h4>
								<p>8月17日-8月18日限时特惠，直降400元</p>
								<span>2199元</span>
							</div>
							<div>
								<div><img src="zhineng/pms_1500273073.06453889!220x220.jpg" alt="" /></div>
								<h4>小米电视4A 49英寸</h4>
								<p>8月17日-8月18日限时特惠，直降400元</p>
								<span>2199元</span>
							</div>
							<div class="neng">
								<div>
									<div>
										<h4>小白摄像机</h4>
										<span>399元</span>
									</div>

									<div><img src="zhineng/pms_1477985364.89714934!220x220.jpg" alt="" /></div>
								</div>
								<div>
									<div>
										<h4>浏览更多</h4>
										<span>热门</span>
									</div>
									<div class="glyphicon glyphicon-circle-arrow-right"></div>
								</div>
							</div>
						</div>

					</div>

				</section>

				<section class="zhineng">
					<div>
						<h2>搭配</h2>
						<div>
							<ul>
								<li>
									<a href="#">热门</a>
								</li>
								<li>
									<a href="#">热门</a>
								</li>
								<li>
									<a href="#">热门</a>
								</li>
								<li>
									<a href="#">热门</a>
								</li>
							</ul>
						</div>
					</div>

					<div class="zhi">
						<div>
							<div>
								<img src="dapei/xmad_150157725191_IAhHm.jpg" alt="" />
							</div>
							<div>
								<img src="dapei/xmad_15023312502557_ZGMPF.jpg" alt="" />
							</div>
						</div>
						<div>
							<div>
								<div><img src="dapei/pms_1476674302.67179007.jpg" alt="" /></div>
								<h4>小米电视4A 49英寸</h4>
								<p>8月17日-8月18日限时特惠，直降400元</p>
								<span>2199元</span>
							</div>
							<div>
								<div><img src="dapei/pms_1481269289.59498154.jpg" alt="" /></div>
								<h4>小米电视4A 49英寸</h4>
								<p>8月17日-8月18日限时特惠，直降400元</p>
								<span>2199元</span>
							</div>
							<div>
								<div><img src="dapei/pms_1478510064.36397738.jpg" alt="" /></div>
								<h4>小米电视4A 49英寸</h4>
								<p>8月17日-8月18日限时特惠，直降400元</p>
								<span>2199元</span>
							</div>
							<div>
								<div><img src="dapei/pms_1493189048.87486734.jpg" alt="" /></div>
								<h4>小米电视4A 49英寸</h4>
								<p>8月17日-8月18日限时特惠，直降400元</p>
								<span>2199元</span>
							</div>
							<div>
								<div><img src="dapei/T1F5K_BjVv1RXrhCrK.jpg" alt="" /></div>
								<h4>小米电视4A 49英寸</h4>
								<p>8月17日-8月18日限时特惠，直降400元</p>
								<span>2199元</span>
							</div>
							<div>
								<div><img src="dapei/pms_1478248721.42297795.jpg" alt="" /></div>
								<h4>小米电视4A 49英寸</h4>
								<p>8月17日-8月18日限时特惠，直降400元</p>
								<span>2199元</span>
							</div>
							<div>
								<div><img src="dapei/pms_1478510064.36397738.jpg" alt="" /></div>
								<h4>小米电视4A 49英寸</h4>
								<p>8月17日-8月18日限时特惠，直降400元</p>
								<span>2199元</span>
							</div>
							<div class="neng">
								<div>
									<div>
										<h4>小白摄像机</h4>
										<span>399元</span>
									</div>

									<div><img src="jiadian/pms_1468806372.46368911!220x220.jpg" alt="" /></div>
								</div>
								<div>
									<div>
										<h4>浏览更多</h4>
										<span>热门</span>
									</div>
									<div class="glyphicon glyphicon-circle-arrow-right"></div>
								</div>
							</div>
						</div>

					</div>

				</section>

				<section class="zhineng">
					<div>
						<h2>配件</h2>
						<div>
							<ul>
								<li>
									<a href="#">热门</a>
								</li>
								<li>
									<a href="#">热门</a>
								</li>
								<li>
									<a href="#">热门</a>
								</li>
								<li>
									<a href="#">热门</a>
								</li>
							</ul>
						</div>
					</div>

					<div class="zhi">
						<div>
							<div>
								<img src="peijian/xmad_1502336148139_RVnqk.jpg" alt="" />
							</div>
							<div>
								<img src="peijian/xmad_15010567419417_kxNMb.jpg" alt="" />
							</div>
						</div>
						<div>
							<div>
								<div><img src="peijian/pms_1498729198.32372331.jpg" alt="" /></div>
								<h4>小米电视4A 49英寸</h4>
								<p>8月17日-8月18日限时特惠，直降400元</p>
								<span>2199元</span>
							</div>
							<div>
								<div><img src="peijian/pms_1488522435.98588934.jpg" alt="" /></div>
								<h4>小米电视4A 49英寸</h4>
								<p>8月17日-8月18日限时特惠，直降400元</p>
								<span>2199元</span>
							</div>
							<div>
								<div><img src="peijian/pms_1488522399.17728020.jpg" alt="" /></div>
								<h4>小米电视4A 49英寸</h4>
								<p>8月17日-8月18日限时特惠，直降400元</p>
								<span>2199元</span>
							</div>
							<div>
								<div><img src="peijian/pms_1487839278.99934443.jpg" alt="" /></div>
								<h4>小米电视4A 49英寸</h4>
								<p>8月17日-8月18日限时特惠，直降400元</p>
								<span>2199元</span>
							</div>
							<div>
								<div><img src="peijian/pms_1486980879.11199962.jpg" alt="" /></div>
								<h4>小米电视4A 49英寸</h4>
								<p>8月17日-8月18日限时特惠，直降400元</p>
								<span>2199元</span>
							</div>
							<div>
								<div><img src="peijian/pms_1482221011.26064844.jpg" alt="" /></div>
								<h4>小米电视4A 49英寸</h4>
								<p>8月17日-8月18日限时特惠，直降400元</p>
								<span>2199元</span>
							</div>
							<div>
								<div><img src="peijian/pms_1468287589.40786199.jpg" alt="" /></div>
								<h4>小米电视4A 49英寸</h4>
								<p>8月17日-8月18日限时特惠，直降400元</p>
								<span>2199元</span>
							</div>
							<div class="neng">
								<div>
									<div>
										<h4>小白摄像机</h4>
										<span>399元</span>
									</div>

									<div><img src="peijian/pms_1474430362.70018703.jpg" alt="" /></div>
								</div>
								<div>
									<div>
										<h4>浏览更多</h4>
										<span>热门</span>
									</div>
									<div class="glyphicon glyphicon-circle-arrow-right"></div>
								</div>
							</div>
						</div>

					</div>

				</section>

				<section class="zhineng">
					<div>
						<h2>周边</h2>
						<div>
							<ul>
								<li>
									<a href="#">热门</a>
								</li>
								<li>
									<a href="#">热门</a>
								</li>
								<li>
									<a href="#">热门</a>
								</li>
								<li>
									<a href="#">热门</a>
								</li>
							</ul>
						</div>
					</div>

					<div class="zhi">
						<div>
							<div>
								<img src="zhoubian/xmad_15028909363415_HdCqn.jpg" alt="" />
							</div>
							<div>
								<img src="zhoubian/xmad_15028910141526_UoKtn.jpg" alt="" />
							</div>
						</div>
						<div>
							<div>
								<div><img src="zhoubian/pms_1502092431.91411696!220x220.jpg" alt="" /></div>
								<h4>小米电视4A 49英寸</h4>
								<p>8月17日-8月18日限时特惠，直降400元</p>
								<span>2199元</span>
							</div>
							<div>
								<div><img src="zhoubian/pms_1502092431.91411696!220x220.jpg" alt="" /></div>
								<h4>小米电视4A 49英寸</h4>
								<p>8月17日-8月18日限时特惠，直降400元</p>
								<span>2199元</span>
							</div>
							<div>
								<div><img src="zhoubian/pms_1502089026.40432084!220x220.jpg" alt="" /></div>
								<h4>小米电视4A 49英寸</h4>
								<p>8月17日-8月18日限时特惠，直降400元</p>
								<span>2199元</span>
							</div>
							<div>
								<div><img src="zhoubian/pms_1500282577.40987685!220x220.jpg" alt="" /></div>
								<h4>小米电视4A 49英寸</h4>
								<p>8月17日-8月18日限时特惠，直降400元</p>
								<span>2199元</span>
							</div>
							<div>
								<div><img src="zhoubian/pms_1493030484.68163070!220x220.jpg" alt="" /></div>
								<h4>小米电视4A 49英寸</h4>
								<p>8月17日-8月18日限时特惠，直降400元</p>
								<span>2199元</span>
							</div>
							<div>
								<div><img src="zhoubian/pms_1490949492.24196486!220x220.jpg" alt="" /></div>
								<h4>小米电视4A 49英寸</h4>
								<p>8月17日-8月18日限时特惠，直降400元</p>
								<span>2199元</span>
							</div>
							<div>
								<div><img src="zhoubian/pms_1472711253.2453066!220x220.jpg" alt="" /></div>
								<h4>小米电视4A 49英寸</h4>
								<p>8月17日-8月18日限时特惠，直降400元</p>
								<span>2199元</span>
							</div>
							<div class="neng">
								<div>
									<div>
										<h4>小白摄像机</h4>
										<span>399元</span>
									</div>

									<div><img src="zhoubian/pms_1487582229.50527597!220x220.jpg" alt="" /></div>
								</div>
								<div>
									<div>
										<h4>浏览更多</h4>
										<span>热门</span>
									</div>
									<div class="glyphicon glyphicon-circle-arrow-right"></div>
								</div>
							</div>
						</div>

					</div>

				</section>
				<section class="tuijian">
					<div>
						<h2>为你推荐</h2>
						<div>
							<span>&lt;</span>
							<span>&gt;</span>
						</div>
					</div>
					<div>
						<div>
							<div><img src="tuijian/pms_1475052168.43877575.jpg" /></div>
							<p>小米电视3s 65英寸 影院版</p>
							<p>6499元</p>
						</div>
						<div>
							<div><img src="tuijian/pms_1475052168.43877575.jpg" /></div>
							<p>小米电视3s 65英寸 影院版</p>
							<p>6499元</p>
						</div>
						<div>
							<div><img src="tuijian/pms_1475052168.43877575.jpg" /></div>
							<p>小米电视3s 65英寸 影院版</p>
							<p>6499元</p>
						</div>
						<div>
							<div><img src="tuijian/pms_1475052168.43877575.jpg" /></div>
							<p>小米电视3s 65英寸 影院版</p>
							<p>6499元</p>
						</div>
						<div>
							<div><img src="tuijian/pms_1475052168.43877575.jpg" /></div>
							<p>小米电视3s 65英寸 影院版</p>
							<p>6499元</p>
						</div>
					</div>
				</section>
				<section class="repin">
					<div>
						<h2>热评产品</h2>
						<div>
							<span>&lt;</span>
							<span>&gt;</span>
						</div>
					</div>
					<div>
						<div>
							<div><img src="tuijian/3c77fe32-1113-482d-91b1-9c01a079cce6.jpg" /></div>
							<p>刚收到，外观很漂亮，颜色也很喜欢，等了好长时间，终于拿到了，非常满意，棒棒哒！！！</p>
							<span>来自于 龙炎 的评价</span>
							<p>小米笔记本Air 12.5英寸 3499元</p>
						</div>
						<div>
							<div><img src="tuijian/3c77fe32-1113-482d-91b1-9c01a079cce6.jpg" /></div>
							<p>刚收到，外观很漂亮，颜色也很喜欢，等了好长时间，终于拿到了，非常满意，棒棒哒！！！</p>
							<span>来自于 龙炎 的评价</span>
							<p>小米笔记本Air 12.5英寸 3499元</p>
						</div>
						<div>
							<div><img src="tuijian/3c77fe32-1113-482d-91b1-9c01a079cce6.jpg" /></div>
							<p>刚收到，外观很漂亮，颜色也很喜欢，等了好长时间，终于拿到了，非常满意，棒棒哒！！！</p>
							<span>来自于 龙炎 的评价</span>
							<p>小米笔记本Air 12.5英寸 3499元</p>
						</div>
						<div>
							<div><img src="tuijian/3c77fe32-1113-482d-91b1-9c01a079cce6.jpg" /></div>
							<p>刚收到，外观很漂亮，颜色也很喜欢，等了好长时间，终于拿到了，非常满意，棒棒哒！！！</p>
							<span>来自于 龙炎 的评价</span>
							<p>小米笔记本Air 12.5英寸 3499元</p>
						</div>
					</div>
				</section>

				<section class="neirong">
					<h2>内容</h2>
					<div>
						<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
							<ol class="carousel-indicators">
								<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
								<li data-target="#carousel-example-generic" data-slide-to="1"></li>
								<li data-target="#carousel-example-generic" data-slide-to="2"></li>
							</ol>
							<div class="carousel-inner" role="listbox">
								<div class="item active">
									<div>
										<h4>图书</h4>
										<h3>哈利波特与被诅咒的孩子</h3>
										<p>“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！</p>
										<h3>29.37元</h3>
										<img src="image/neirong.png" alt="">
									</div>
									<div class="carousel-caption"></div>
								</div>
								<div class="item">
									<div>
										<h4>图书</h4>
										<h3>好吗好的</h3>
										<p>畅销作家大冰2016年新书！讲给你听，好吗好的</p>
										<h3>17.99元</h3>
										<img src="tuijian/61e1385e-54de-48f3-8717-5e4f4b1cdd14.png" alt="">
									</div>
									<div class="carousel-caption"></div>
								</div>
								<div class="item">
									<div>
										<h4>图书</h4>
										<h3></h3>
										<p>海量好书，享受精品阅读时光漂亮的中文排版，千万读者选择！</p>
										<h3>29.37元</h3>
										<img src="tuijian/more-duokan.jpg" alt="">
									</div>
									<div class="carousel-caption"></div>
								</div>

							</div>
							<a href="#carousel-example-generic" role="button" data-slide="prev">
								<span class="glyphicon glyphicon-menu-left" id="left1" aria-hidden="true"></span>
							</a>
							<a href="#carousel-example-generic" role="button" data-slide="next">
								<span class="glyphicon glyphicon-menu-right" id="right1" aria-hidden="true"></span>
							</a>

						</div>
						<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
							<ol class="carousel-indicators">
								<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
								<li data-target="#carousel-example-generic" data-slide-to="1"></li>
								<li data-target="#carousel-example-generic" data-slide-to="2"></li>
							</ol>
							<div class="carousel-inner" role="listbox">
								<div class="item active">
									<div>
										<h4>MIUI 主题</h4>
										<h3>吴亦凡定制主题</h3>
										<p>6张锁屏动态壁纸随机，每张都给你惊喜！</p>
										<h3>免费</h3>
										<img src="tuijian/xmad_15023308354557_ZPYRq.jpg" alt="">
									</div>
									<div class="carousel-caption"></div>
								</div>
								<div class="item">
									<div>
										<h4>MIUI 主题</h4>
										<h3>夏日狂想</h3>
										<p>官方主题新画风，原来你是这样的小清新！</p>
										<h3>免费</h3>
										<img src="tuijian/xmad_14982103643442_KCZrH.jpg" alt="">
									</div>
									<div class="carousel-caption"></div>
								</div>
								<div class="item">
									<div>
										<h4>MIUI 主题</h4>
										<h3>几何</h3>
										<p>最新官方主题，带你感受极简视觉冲击</p>
										<h3>免费</h3>
										<img src="tuijian/xmad_14991694834748_jkosw.jpg" alt="">
									</div>
									<div class="carousel-caption"></div>
								</div>
							</div>
							<a href="#carousel-example-generic" role="button" data-slide="prev">
								<span class="glyphicon glyphicon-menu-left" id="left1" aria-hidden="true"></span>
							</a>
							<a href="#carousel-example-generic" role="button" data-slide="next">
								<span class="glyphicon glyphicon-menu-right" id="right1" aria-hidden="true"></span>
							</a>

						</div>
						<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
							<ol class="carousel-indicators">
								<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
								<li data-target="#carousel-example-generic" data-slide-to="1"></li>
								<li data-target="#carousel-example-generic" data-slide-to="2"></li>
							</ol>
							<div class="carousel-inner" role="listbox">
								<div class="item active">
									<div>
										<h4>游戏</h4>
										<h3>剑侠世界</h3>
										<p>一生不容错过的浪漫武侠！！</p>
										<h3>免费</h3>
										<img src="tuijian/3332da7d-4056-4694-9548-c83b7b3af7d3.png" alt="">
									</div>
									<div class="carousel-caption"></div>
								</div>
								<div class="item">
									<div>
										<h4>游戏</h4>
										<h3>哈利波特与被诅咒的孩子</h3>
										<p>“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！</p>
										<h3>29.37元</h3>
										<img src="tuijian/695c909b-f541-4575-bace-d08b6465025b.jpg" alt="">
									</div>
									<div class="carousel-caption"></div>
								</div>
								<div class="item">
									<div>
										<h4>游戏</h4>
										<h3>哈利波特与被诅咒的孩子</h3>
										<p>“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！</p>
										<h3>29.37元</h3>
										<img src="tuijian/T1czW_BXCv1R4cSCrK.png" alt="">
									</div>
									<div class="carousel-caption"></div>
								</div>
							</div>
							<a href="#carousel-example-generic" role="button" data-slide="prev">
								<span class="glyphicon glyphicon-menu-left" id="left1" aria-hidden="true"></span>
							</a>
							<a href="#carousel-example-generic" role="button" data-slide="next">
								<span class="glyphicon glyphicon-menu-right" id="right1" aria-hidden="true"></span>
							</a>

						</div>

						<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
							<ol class="carousel-indicators">
								<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
								<li data-target="#carousel-example-generic" data-slide-to="1"></li>
								<li data-target="#carousel-example-generic" data-slide-to="2"></li>
							</ol>
							<div class="carousel-inner" role="listbox">
								<div class="item active">
									<div>
										<h4>图书</h4>
										<h3>哈利波特与被诅咒的孩子</h3>
										<p>“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！</p>
										<h3>29.37元</h3>
										<img src="tuijian/T15VZvB5Kv1R4cSCrK.png" alt="">
									</div>
									<div class="carousel-caption"></div>
								</div>
								<div class="item">
									<div>
										<h4>图书</h4>
										<h3>哈利波特与被诅咒的孩子</h3>
										<p>“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！</p>
										<h3>29.37元</h3>
										<img src="tuijian/T1TkKvBCKv1R4cSCrK.png" alt="">
									</div>
									<div class="carousel-caption"></div>
								</div>
								<div class="item">
									<div>
										<h4>图书</h4>
										<h3>哈利波特与被诅咒的孩子</h3>
										<p>“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！</p>
										<h3>29.37元</h3>
										<img src="tuijian/more-app.jpg" alt="">
									</div>
									<div class="carousel-caption"></div>
								</div>
							</div>
							<a href="#carousel-example-generic" role="button" data-slide="prev">
								<span class="glyphicon glyphicon-menu-left" id="left1" aria-hidden="true"></span>
							</a>
							<a href="#carousel-example-generic" role="button" data-slide="next">
								<span class="glyphicon glyphicon-menu-right" id="right1" aria-hidden="true"></span>
							</a>
						</div>

					</div>
				</section>
				<section class="shipin">
					<div>
						<h2>视频</h2>
						<p>查看全部<span class="glyphicon glyphicon-menu-right"></span></p>
					</div>
					<div>
						<div>
							<img src="image/shipin.jpg" alt="">
							<h4>听雷总讲述小米7年工艺探索之路</h4>
							<p>小米6，7年工艺探索的巅峰之作</p>
						</div>
						<div>
							<img src="tuijian/xmad_15028039011215_UXSoK.jpg" alt="">
							<h4>MIUI 9 理念视频</h4>
							<p>快如闪电，前所未有的流畅</p>
						</div>
						<div>
							<img src="tuijian/xmad_15028038208353_zPkOh.jpg" alt="">
							<h4>小米5X 外观视频</h4>
							<p>吴亦凡倾情演绎</p>
						</div>
						<div>
							<img src="tuijian/xmad_15028037297434_xrRLs.jpg" alt="">
							<h4>小米6亮银探索版 工艺黑科技视频</h4>
							<p>仿佛科幻般的液态金属</p>
						</div>
					</div>
				</section>

			</main>
			<div class="footer">
				<footer>
					<section class="shouhou">
						<ul>
							<li>
								<a href="#"><span class="glyphicon glyphicon-wrench"></span>预约维修服务</a>
							</li>
							<li>
								<a href="#"><span class="glyphicon glyphicon-wrench"></span>7天无理由退货</a>
							</li>
							<li>
								<a href="#"><span class="glyphicon glyphicon-wrench"></span>15天免费换货</a>
							</li>
							<li>
								<a href="#"><span class="glyphicon glyphicon-gift"></span>满150包邮</a>
							</li>
							<li>
								<a href="#"><span class="glyphicon glyphicon-map-marker"></span>520余家售后网点</a>
							</li>
						</ul>
					</section>
					<section class="fuwu">
						<div>
							<div>
								<h4>帮助中心</h4>
								<p>账户管理</p>
								<p>购物指南</p>
								<p>订单操作</p>
							</div>
							<div>
								<h4>服务支持</h4>
								<p>售后政策</p>
								<p>自助服务</p>
								<p>相关下载</p>
							</div>
							<div>
								<h4>线下门店</h4>
								<p>小米之家</p>
								<p>服务网点</p>
								<p>零售网点</p>
							</div>
							<div>
								<h4>关于小米</h4>
								<p>了解小米</p>
								<p>加入小米</p>
								<p>联系我们</p>
							</div>
							<div>
								<h4>关注我们</h4>
								<p>新浪微博</p>
								<p>小米部落</p>
								<p>官方微信</p>
							</div>
							<div>
								<h4>特色服务</h4>
								<p>F码通道</p>
								<p>礼物码</p>
								<p>防伪查询</p>
							</div>
						</div>
						<div>
							<h4>400-100-5678</h4>
							<p>周一至周日8:00-18:00</p>
							<p>(仅收市话费)</p>
							<p><span class="glyphicon glyphicon-comment"></span>24小时在线客服</p>
						</div>
					</section>
				</footer>
			</div>
			<div class="dibu">
				<div>
					<div><img src="image/logo.jpg" alt=""></div>
					<div>
						<ul>
							<li>
								<a href="#"></a>小米商城</li>
							<li>
								<a href="#"></a>MIUI</li>
							<li>
								<a href="#"></a>米聊</li>
							<li>
								<a href="#"></a>多看书城</li>
							<li>
								<a href="#"></a>小米路由器</li>
							<li>
								<a href="#"></a>视频电话</li>
							<li>
								<a href="#"></a>小米天猫店</li>
							<li>
								<a href="#"></a>小米淘宝直营店</li>
							<li>
								<a href="#"></a>小米网盟</li>
							<li>
								<a href="#"></a>小米移动</li>
							<li>
								<a href="#"></a>隐私政策</li>
							<li>
								<a href="#"></a>Select Region</li>
						</ul>
						<div class="clear"></div>
						<p>©mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2014]0059-0009号</p>
						<p>违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
					</div>
				</div>
				<div>
					<img src="image/truste.png" alt="">
					<img src="image/v-logo-2.png" alt="">
					<img src="image/v-logo-1.png" alt="">
					<img src="image/v-logo-3.png" alt="">
				</div>
			</div>
			<div class="biaoyu">
				<p>探索黑科技，小米为发烧而生！</p>
			</div>
		</div>
		<!--<script type="text/javascript">
			function hide() {
				#xiaomi.style.display = 'none';
			}
		</script>-->
		<script src="bootstrap/jquery.min.js"></script>
		<script src="bootstrap/js/bootstrap.min.js"></script>
	</body>

</html>